<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<title>皇甫酱菜</title>
<!-- ALL STYLESHEET -->
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">
</head>
<body>
    
	<!-- header -->
	<header class="header"> <!-- header top -->
	<div class="header-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-1">
					<ul class="list-inline">
						<li>
							<div>
								<a class="dropdown-toggle" data-toggle="dropdown"
									aria-haspopup="true" aria-expanded="false"><img
									src="/images/is.png" alt="" /> 中国 </a>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-sm-9">
					<ul class="list-inline">
						<li><a href="#"><i class="fa fa-mobile"></i>0530-5637355</a></li>
						<li><a href="#"><i class="fa fa-envelope-o"></i>liyongguan_soft@126.com</a></li>
					</ul>
				</div>
				<div class="col-sm-2">
					<ul class="list-inline pull-right">
                   	 	<li><a href="javascript:;" title="Login or Register"><i class="icon fa fa-user fa-lg"></i><span>登录|注册</span></a></li>
					</ul>
					
				</div>
			</div>
		</div>
	</div>

	<!-- logo and adds -->
	<div class="logo-add">
		<div class="container">
			<div class="row">
				<div class="col-sm-4">
					<div class="logo">
						<i class="fa "></i>皇甫 - 酱菜 - 总店
					</div>
				</div>
				<div class="col-sm-4">
					<h4 class="add bb-year-end-ribbon hidden-xs">
						<span> 欢 迎 <span> 惠 顾 </span> 本 店 ！
						</span>
					</h4>
				</div>
				<div class="col-sm-4">
					<ul class="list-inline pull-right">
                   	 	<li><a href="../cart" title="View Cart"><i class="icon fa fa-shopping-cart fa-lg"></i><span>购物车</span></a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>

	<!-- header bottom -->
	<div class="header-bottom">
		<div class="row">
			<div class="col-sm-12">
				<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="collapse navbar-collapse" id="header-bottom">
						<ul class="nav navbar-nav">
							<li class="active"><a href="../index">首页</a></li>
							<li><a href="../product">商品</a></li>
							<li><a href="../faq">F&Q(问答)</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="blog-details.html">Blog Detail</a></li>
							<li><a href="../about">关于我们</a></li>
							<li><a href="../contact">联系我们</a></li>
						</ul>
						<form class="navbar-form navbar-right" role="sousuo">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="搜索...">
								<span class="nav-search"><a href="#"><i
										class="fa fa-search"></i></a></span>
							</div>
						</form>
					</div>
				</div>
				</nav>
			</div>
		</div>
	</div>
	</header>

		<!-- desktop bar -->
		<section class="desktop-bar">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
					 <h3>Contact Us</h3>
					</div>
					<div class="col-sm-8">
						<ol class="breadcrumb hidden-xs pull-right">
							<li><a href="#">Home</a></li>
							<li class="active"><a href="#">Contact Us</a></li>
						</ol>
					</div>
				</div>
			</div>
		</section>
		
		<!-- contact us -->
		<section>
			<div class="container">
				<div class="row pice-map">
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
				</div>	
				<div class="row big-map">
					<div class="col-sm-12">
						<!-- google map -->
						<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d233667.82239186848!2d90.279237521418!3d23.78088745652823!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b8b087026b81%3A0x8fa563bbdd5904c2!2sDhaka+1000-1200!5e0!3m2!1sen!2sbd!4v1452580729106" width="100%" height="320" allowfullscreen></iframe>
					</div>
				</div>	
				<div class="row">
					<div class="col-sm-6">
						<h2 class="t-color-6">Get In Touch</h2>
						<div class="heading-border b-color-6"></div>
						<p>Lorem ipsum dolor sit amet, no mea aeterno indoctum percipitur. Homero quaerendum ius ei. In pro decore tamquam 									appetere, ea mentitum mediocrem efficiantur quo. Quo no assentior conclusionemque ceteros accusata.</p>
						<ul class="media-list other-address">
							<li class="media">
								<div class="media-left">
									<i class="fa fa-map"></i>
								</div>
								<div class="media-body">
									<p>Lebel 2, 13 Elezabe, +8492575, USA</p>
									<p> Melbounire, Victoria 3000, +8492575, USA</p>
								</div>
							</li>
							<li class="media">
								<div class="media-left">
									<i class="fa fa-envelope-o"></i>
								</div>
								<div class="media-body">
									<p>support@gmail.com</p>
									<p>example@gmail.com</p>
								</div>
							</li>
							<li class="media">
								<div class="media-left">
									<i class="fa fa-mobile"></i>
								</div>
								<div class="media-body">
									<p>+880183947930</p>
									<p>+(980)1839479</p>
								</div>
							</li>
							<li class="media">
								<div class="media-left">
									<i class="fa fa-clock-o"></i>
								</div>
								<div class="media-body">
									<p>From Monday to Friday</p>
									<p>9.00 AM to 5.00 PM</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="col-sm-6">
						<h2 class="t-color-6">FeedBack</h2>
						<div class="heading-border b-color-6"></div>
						<div class="row form">
							<div class="col-sm-6">
								<div class="form-group">
									<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name">
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
								</div>
							</div>
							<div class="col-sm-12">
								<div class="form-group">
									<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Subject">
								</div>
							</div>
							<div class="col-sm-12">
								<div class="form-group">
									<textarea class="form-control" rows="8" placeholder="Message"></textarea>
								</div>
								<button class="btn btn-Primary btn-lg" type="submit">Send Message</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

			
		<footer>
			<div class="footer-top">
				<div class="container">			
					<div class="row">	
						<div class="col-sm-3">
							<h2>About E-Market</h2>
							<div class="heading-border b-color-1"></div>
							<p>Nam apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci vulputate consetetur, 								causae consulatu eaper,  apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci 								vulputate consetetur, causae consulatu eaper</p>
							<div><a href="">Read More <i class="fa fa-angle-double-right"></i></a></div>
							<strong>Newsletter</strong>
							<form class="navbar-for" role="email">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="Email Address">
									<span class="nav-search"><a href="#"><i class="fa fa-envelope"></i></a></span>
								</div>	
							</form>
							<small>Eros posse verterem congue saperet.</small>
						</div>
						<div class="col-sm-3">
							<h2>Featured Products</h2>
							<div class="heading-border b-color-1"></div>
							
						</div>
						<div class="col-sm-3">
							<h2>Latest News</h2>
						</div>
						<div class="col-sm-3">
							<h2>Contact us</h2>
							<div class="heading-border b-color-1"></div>
							<strong class="media-heading">Address</strong>
							<p>Lebel 2, 13 Elezabe St, Melbounire, Victoria 3000, +8492575, USA</p>
							<strong class="media-heading">Phone & Fax</strong>
							<p>+880183947930</p>
							<p>+(980)1839479</p>

							<strong class="media-heading">E-Mail Address</strong>
							<p>support@gmail.com</p>
							<p>example@gmail.com</p>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">		
					<div class="row">	
						<div class="col-sm-12 text-center">
							<p>Copyright 2015 made by <a href="#">Bootultra.com</a> & Disign by Shaifuddin. All Rights Reserved.</p>
						</div>
					</div>
				</div>	
			</div>
		</footer>
			
        <!-- ALL JAVASCRIPT -->         
        <script src="/js/jquery.js"></script>
        <script src="/bootstrap/js/bootstrap.min.js"></script>
        <script src="/js/custom.js"></script>
    </body>
</html>